//控制点击图片时显示具体信息 以及实现（假模态）
$(document).ready(function () {
    $('img').click(function () {
        var id = $(this).attr("id");
        if (id == "img1") {
            $("#alert1").show();
            // alert(1);
            $(document).on('click', function (event) {
                if (event.target.id == 'alert1')
                    $("#alert1").hide();
            })

        } else if (id == "img2") {
            $("#alert2").show();
            // alert(1);
            $(document).on('click', function (event) {
                if (event.target.id == 'alert2')
                    $("#alert2").hide();
            })
        } else if (id == "img3") {
            $("#alert3").show();
            // alert(1);
            $(document).on('click', function (event) {
                if (event.target.id == 'alert3')
                    $("#alert3").hide();
            })
        } else if (id == "img4") {
            $("#alert4").show();
            // alert(1);
            $(document).on('click', function (event) {
                if (event.target.id == 'alert4')
                    $("#alert4").hide();
            })
        } else if (id == "img5") {
            $("#alert5").show();
            // alert(1);
            $(document).on('click', function (event) {
                if (event.target.id == 'alert5')
                    $("#alert5").hide();
            })
        } else if (id == "img6") {
            $("#alert6").show();
            // alert(1);
            $(document).on('click', function (event) {
                if (event.target.id == 'alert6')
                    $("#alert6").hide();
            })
        } else if (id == "img7") {
            $("#alert7").show();
            // alert(1);
            $(document).on('click', function (event) {
                if (event.target.id == 'alert7')
                    $("#alert7").hide();
            })
        } else if (id == "img8") {
            $("#alert8").show();
            // alert(1);
            $(document).on('click', function (event) {
                if (event.target.id == 'alert8')
                    $("#alert8").hide();
            })
        } else if (id == "img9") {
            $("#alert9").show();
            // alert(1);
            $(document).on('click', function (event) {
                if (event.target.id == 'alert9')
                    $("#alert9").hide();
            })
        } else if (id == "img10") {
            $("#alert10").show();
            // alert(1);
            $(document).on('click', function (event) {
                if (event.target.id == 'alert10')
                    $("#alert10").hide();
            })
        } else if (id == "img11") {
            $("#alert11").show();
            // alert(1);
            $(document).on('click', function (event) {
                if (event.target.id == 'alert11')
                    $("#alert11").hide();
            })
        } else if (id == "img12") {
            $("#alert12").show();
            // alert(1);
            $(document).on('click', function (event) {
                if (event.target.id == 'alert12')
                    $("#alert12").hide();
            })
        }


    });
})